<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta charset="gb2312">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=dege"/>
    <meta name="format-detection" content="telephone=no" />
    <title></title>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_752136_1ji40q02kgm.css"/>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/swiper-4.3.3.min.css"/>
    <link rel="stylesheet" href="css/animate.min.css"/>
    <link href="images/favicon.ico" rel="icon" type="images/x-icon">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/headfoot.css"/>
    <link rel="stylesheet" href="css/reset.css">
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/swiper-4.3.3.min.js"></script>
    <script src="js/jquery.SuperSlide.2.1.1.js"></script>
    <script src="js/index.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
    <script src="js/wow.min.js"></script>
    <script>
        if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
            new WOW().init();
        };
    </script>
</head>
<body>
<!--头部部分-->
<div class="heads">
    <script>
        $(".heads").load("head.html");
    </script>
</div>
<!--轮播-->
<div class="banner">
    <div class="swiper-container" id="hh">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <a href=""><img src="images/index/banner-1.jpg" alt=""/></a>
            </div>
            <div class="swiper-slide">
                <a href=""><img src="images/index/banner-1.jpg" alt=""/></a>
            </div>
            <div class="swiper-slide">
                <a href=""><img src="images/index/banner-1.jpg" alt=""/></a>
            </div>
        </div>
        <div class="swiper-pagination"></div>
    </div>
</div>
<!--关于我们-->
<div class="about">
    <div class="main-md">
        <div class="about-lf lf">
            <div class="about-img ">
                <a href="#">
                    <div class="about-inner ">
                        <img src="images/index/about.jpg" alt="" class="wow flipInX"/>
                        <i class="iconfont icon-bofang"></i>
                        <div class="about-out"></div>
                    </div>
                </a>
            </div>
        </div>
        <div class="about-rt lf">
            <h4>关于我们  <span>/ About us</span> </h4>
            <p>北京东成世纪生物科技有限公司是集美容技术研究开发、美容
                高端产品代理、美容院经营管理、美容技术培训教育、美容院
                终端活动推广为一体的大型美容公司！！！
                北京东成世纪生物科技有限公司是广州暨大美塑生物科技有限
                公司“暨肽活源”系列产品北京地区的独家代理商。“暨肽活
                源”系列作为业内高端原生细胞根源抗衰品牌，由基因工程药
                物国家工程研究中心产学...</p>
            <div class="pos">
                <div class="more btn-5b">
                    <a href="#">  <span> </span>  </a>
                </div>
            </div>
        </div>
        <div class="both"></div>
    </div>
</div>
<!--产品-->
<div class="product">
    <div class="pro-lf lf  wow bounceInLeft">
        <img src="images/index/ying-1.jpg" alt=""/>
    </div>
    <div class="pro-lf lf wow bounceInRight">
        <img src="images/index/ying-2.jpg" alt=""/>
    </div>
    <div class="pro-lf-4 lf wow bounceInLeft">
        <img src="images/index/ying-3.jpg" alt=""/>
    </div>
    <div class="pro-lf-6 lf wow bounceInRight">
        <img src="images/index/ying-4.jpg" alt=""/>
    </div>
    <div class="both"></div>
</div>
<!--真人演示-->
<div class="show">
    <h1> <span>他们真的比同龄人年轻10岁</span></h1>
    <h5>真人案例展示 <br/>  <i class="iconfont icon-ai-arrow-down"></i></h5>
    <div class="main-md">
        <div class="picScroll pic_hide">
            <div class="tempWrap">
                <ul>
                    <li>
                       <div class="zhen-out">
                           <img src="images/index/zhen-1.jpg" alt=""/>
                           <p>使用前</p>
                       </div>
                    </li>
                    <li>
                        <div class="zhen-out">
                            <img src="images/index/zhen-2.jpg" alt=""/>
                            <p>使用后</p>
                        </div>
                    </li>
                    <li>
                        <div class="zhen-out">
                            <img src="images/index/zhen-3.jpg" alt=""/>
                            <p>使用前</p>
                        </div>
                    </li>
                    <li>
                        <div class="zhen-out">
                            <img src="images/index/zhen-4.jpg" alt=""/>
                            <p>使用后</p>
                        </div>
                    </li>
                    <li>
                        <div class="zhen-out">
                            <img src="images/index/zhen-1.jpg" alt=""/>
                            <p>使用前</p>
                        </div>
                    </li>
                    <li>
                        <div class="zhen-out">
                            <img src="images/index/zhen-2.jpg" alt=""/>
                            <p>使用后</p>
                        </div>
                    </li>
                    <li>
                        <div class="zhen-out">
                            <img src="images/index/zhen-3.jpg" alt=""/>
                            <p>使用前</p>
                        </div>
                    </li>
                    <li>
                        <div class="zhen-out">
                            <img src="images/index/zhen-4.jpg" alt=""/>
                            <p>使用后</p>
                        </div>
                    </li>
                </ul>
            </div>
            <a class="prev prevStop"></a>
            <a class="next"></a>
        </div>
        <div class="phone_hied">
            <div class="ph_zhen">
                <div class="swiper-container" id="zhen_pc">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="zhen-out">
                                <img src="images/index/zhen-1.jpg" alt=""/>
                                <p>使用前</p>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="zhen-out">
                                <img src="images/index/zhen-2.jpg" alt=""/>
                                <p>使用后</p>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="zhen-out">
                                <img src="images/index/zhen-3.jpg" alt=""/>
                                <p>使用前</p>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="zhen-out">
                                <img src="images/index/zhen-4.jpg" alt=""/>
                                <p>使用后</p>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-pagination"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--成功案例-->
<div class="case">
    <div class="main-md">
        <ul class="wow pulse">
            <li ><img src="images/index/case-1.jpg" alt=""/> </li>
            <li>
                <div class="case-text">
                    <a href="#">
                        <h4> <b></b> 成功案例 <b></b> </h4>
                        <p>暨肽活源核心成分PCB原细胞也是专利成分之一，
                            从2010年问世之初到现在，都在被模仿，但从未
                            被超越。光去年全中国爱美女性使用暨肽活源的
                            细胞美容就花费了12个亿...</p>
                        <div class="case-btn">
                            <img src="images/index/jiany.png" alt=""/>
                        </div>
                    </a>
                </div>
                <img src="images/index/case-2.jpg" alt=""/>
            </li>
            <li>
                <img src="images/index/case-3.jpg" alt=""/>
                <div class="case-text cs-text">
                    <a href="#">
                        <h4> <b></b> 专家团队 <b></b> </h4>
                        <p>暨肽活源核心成分PCB原细胞也是专利成分之一，
                            从2010年问世之初到现在...</p>
                        <div class="case-btn ">
                            <img src="images/index/jiany.png" alt=""/>
                        </div>
                    </a>
                </div>
            </li>
            <div class="both"></div>
        </ul>
    </div>
</div>
<!--合作机构-->
<div class="cooperation">
    <h1>合作机构</h1>
    <div class="main-md">
        <ul>
            <li><a href="#"> <img src="images/index/hezuo-1.jpg" alt=""/>
            </a></li>
            <li><a href="#"> <img src="images/index/hezuo-2.jpg" alt=""/> </a></li>
            <li><a href="#"> <img src="images/index/hezuo-3.jpg" alt=""/> </a></li>
            <li><a href="#"> <img src="images/index/hezuo-4.jpg" alt=""/> </a></li>
            <li><a href="#"> <img src="images/index/hezuo-5.jpg" alt=""/> </a></li>
            <li><a href="#"> <img src="images/index/hezuo-6.jpg" alt=""/> </a></li>
            <li><a href="#"> <img src="images/index/hezuo-7.jpg" alt=""/> </a></li>
            <li><a href="#"> <img src="images/index/hezuo-8.jpg" alt=""/> </a></li>
            <li><a href="#"> <img src="images/index/hezuo-9.jpg" alt=""/> </a></li>
            <li><a href="#"> <img src="images/index/hezuo-10.jpg" alt=""/> </a></li>
            <li><a href="#"> <img src="images/index/hezuo-11.jpg" alt=""/> </a></li>
            <li><a href="#"> <img src="images/index/hezuo-12.jpg" alt=""/> </a></li>
            <div class="both"></div>
        </ul>
    </div>
</div>
<!--页尾-->
<div class="foots wow fadeInUp animated">
    <script>
        $(".foots").load("foot.html");
    </script>
</div>
</body>
<script>
var swiper= new Swiper('#hh', {
        autoplay: 3000,
        speed:500,
        loop: true,
        lazyLoading: true,
        // 如果需要分页器
    pagination: {
        el: '.swiper-pagination',
        clickable: true,
    },
        paginationClickable: true
    });

var banner = new Swiper('#zhen_pc', {
    effect: 'flip',
    grabCursor: true,
    pagination: {
        el: '.swiper-pagination',
    },
    navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
    },
});
    $(".picScroll ul li:odd .zhen-out").css("background-color","#D3AD66")
jQuery(".picScroll").slide({ mainCell:"ul",autoPlay:true,effect:"left", vis:4, scroll:2, autoPage:true, pnLoop:false });
</script>

</html>
